<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>

<head>
	<title>千锋教育</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords"
		content="Elite User Forms template Responsive, Login form web template,Flat Pricing tables,Flat Drop downs Sign up Web Templates, 
 Flat Web Templates, Login sign up Responsive web template, SmartPhone Compatible web template, free web designs for Nokia, Samsung, LG, SonyEricsson, Motorola web design">
	<script
		type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<!-- Custom Theme files -->
	<link href="css/font-awesome.css" rel="stylesheet">
	<link href="css/popup-box.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<!--fonts-->
	<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet">
	<link href="//fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
	<!--//fonts-->
	<style>
		.profile-ser-grids {
			width: 100%;
			float: none;

		}

		.profile-ser-grids h3 {
			font-size: 30px;
		}

		.login-w3l {
			float: none;
			margin: 0 auto;
		}
	</style>
</head>

<body>
	<div class="agileinfo-dot">
		<!--background-->
		<!-- login -->
		<h1>同性交友平台</h1>
		<div class="login-section">
			<div class="login-w3l">
				<h2 class="sub-head-w3-agileits">登入</h2>
				<div class="login-form">
					<form action="#" method="post" onsubmit="return false">
						<input type="text" id="username" class="user" name="username" placeholder="用户名" required="" />
						<input type="password" class="lock" id="password" name="password" placeholder="密码"
							required="" />
						<div class="signin-rit">
							<span class="checkbox1">
								<label class="checkbox"><input type="checkbox" name="checkbox" checked="">记住密码</label>
							</span>
							<a class="forgot" href="#">忘记密码?</a>
							<div class="clear"> </div>
						</div>
						<input type="submit" value="登入" id="submit">
					</form>
					<p>还没有账号?<a class="book popup-with-zoom-anim button-isi zoomIn animated" data-wow-delay=".5s"
							href="#small-dialog">点击注册</a></p>
				</div>
				<!-- //login -->
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
		<p class="footer">© 2019 爱的魔力转圈圈,转载请留下银行账号和密码 <a href="#"></a></p>
		<!--//login-->
		<div class="pop-up">
			<div id="small-dialog" class="mfp-hide book-form">
				<h3 class="sub-head-w3-agileits">Sign Up</h3>
				<form action="#" method="post">
					<input type="text" name="Name" placeholder="Username" required="" />
					<input type="email" name="Email" class="email" placeholder="Email" required="" />
					<input type="password" name="Password" class="password" placeholder="Password" required="" />
					<input type="password" name="Password" class="password" placeholder="Confirm Password"
						required="" />
					<input type="submit" value="Sign Up">
				</form>
			</div>
		</div>
	</div>
	<!--js-->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<script src="./js/axios.js"></script>
	<script src="./js/login.js"></script>
	<!--//js-->
	<!--popup-js-->
	<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
	<script>
		$(document).ready(function () {
			$('.popup-with-zoom-anim').magnificPopup({
				type: 'inline',
				fixedContentPos: false,
				fixedBgPos: true,
				overflowY: 'auto',
				closeBtnInside: true,
				preloader: false,
				midClick: true,
				removalDelay: 300,
				mainClass: 'my-mfp-zoom-in'
			});

		});
	</script>
	<!--//popup-js-->

</body>

</html>